<template>
	<view class="calendarBox">
        <u-calendar v-model="show" :mode="mode" @change="change"></u-calendar>
    </view>
</template>

<script>
	export default {
		name: "cu-calendar",
		data() {
			return {
				show: false,
			}
		},
		props: {
            // 日期类型 
            mode: {
                type: String,
                default: 'range'
            },
           
		},
		mounted() { },
		methods: {
			// 日期变化事件
			change(e) {
                this.$emit('change',e);
			},
		},
	}
</script>

<style lang="scss" scoped>
 /deep/.u-calendar .u-calendar__bottom {
    padding-bottom: 78rpx !important;
}
</style>
